<template>
	<ul class="icon-demo0">
		<li>
			<ynet-icon name="spinner" size="lg" style="-webkit-filter:invert(1)"></ynet-icon>
			<p>spinner</p>
		</li>
		<li>
			<ynet-icon name="success-color" size="lg" svg></ynet-icon>
			<p>success-color</p>
		</li>
		<li>
			<ynet-icon name="warn-color" size="lg" svg></ynet-icon>
			<p>warn-color</p>
		</li>
	</ul>
</template>
<script>
	import { Icon } from 'ynet-mobile'
	export default {
		title: 'svg图标',
		name: 'icon-demo',
		components: {
			[Icon.name]: Icon
		}
	}
</script>
<style lang="scss">
	.icon-demo1{
		display: flex;
		flex-wrap: wrap;
		text-align: center;
		padding-bottom: .8rem;
		li{
			width: 33.33%;
			padding-top: .8rem;
			& > p {
				padding: .2rem 0;
				font-size: .3rem;
				color: #666
			}
		}
	}
</style>